@media (max-width:991px){
    .product-link__desc{
        display: none;
    }
    .product-link__title{
        font-size: 16px;
        min-height: 58px;
    }
    .product-link__pic{
        height: 80px;
    }
   .nav-item .dropdown-menu .mobile-navbtn:after{
        display:block;
        color:#ffffff;
    }
    .c-style2 .nav-item .mobile-navbtn::after, .nav-item .mobile-navbtn::after{color:#ffffff;right: 0;} .nav-item .mobile-navbtn{
        width: 24px;
        height: 24px;
        position: absolute;
        right: 10px;
        transform: initial;
    }
    .submen-list li a:hover{
        background: none;
    }
    .nav-item .dropdown-menu .submen-list li .mobile-navbtn{
        
        top: 15%;
                
        right: 0;
    }
    .nav-item .dropdown-menu .submen-list li .asideMenu-list li .mobile-navbtn{
        top: 30%;
        right: 15px;
    }
    .nav-item .dropdown-menu .submen-list li .asideMenu-list li .s-menu{
        
    position: initial;
            
    background: none;
    }
    .nav-item .dropdown-menu .submen-list li .asideMenu-list li .s-menu a{
        left: 10px;
    }
    .nav-item:hover .dropdown-menu .submen-list li .asideMenu-list li:hover .s-menu{
        display: none;
    }
    .nav-link{
        display: inline-block;
    }
    .nav-item .dropdown-menu li a{

    }
    .nav-item:hover .dropdown-menu{
        display: none;
    }
        
}
@media (max-width:1750px){
    .page-content .about-box .history .swiper-box .swiper-wrapper .swiper-slide{
        min-height: 7rem;
    }
}
@media (max-width:1600px){
    .logo-text{font-size:14px;line-height:16px}
    .nav-item .nav-link{font-size:16px}
    .logo-icon img{height:50px}
    .navbar-nav{padding:20px 0}
    .head .navbar{padding:0 50px}
    .section-title{font-size:40px}
    .section-desc{font-size:16px}
    .section-more{top:10px;font-size:14px}
    .foot-item__hd{font-size:16px}
    .foot-item__bd li a{font-size:14px}
    .foot-letter{font-size:14px}
    .foot-email .form-control{font-size:14px;height:46px}
    .foot-email .arrow-right{height:46px;width:46px;line-height:46px}
    .product-link__title{font-size:18px;height:44px}
    .solut-link__title{font-size:18px}
    .choose-item__index{font-size:22px}
    .choose-item__desc{font-size:16px}
    .choose-item__num{font-size:40px}
    .choose-item__text{font-size:16px}
    .news-item__title{font-size:16px}
    .news-item__desc{font-size:14px;line-height:22px}
    .news-item__time{font-size:14px;line-height:22px}
    .page-content .about-box .honours .container{
        padding-top: 0;
    }
    .page-content .about-box .history .swiper-box .swiper-wrapper .swiper-slide{
        min-height: 8rem;
    }
}
@media (max-width:1400px){
    .container {
       max-width: 94%;
    }
    .section{
        padding: 60px 0;
    }
    .index-section1{
    padding-bottom: 0;
        
    }
    .head .navbar{
    padding: 10px 50px;
}
    .navbar-nav{
        padding: 0;
    }
    
    .nav-item>.nav-link{
    padding: 0 30px  !important;
    padding-left: 0 !important;
}
    .index-section1 .product-box .item{
    margin-right: 22px;
}
    
    
    
    
    
    
    
    
    
    
    
    
    
    .page-content .pro-show .messagebox .container{
        width: 70%;
    }
    .page-content .solutions-show .info-box .table1 .item-box .item,.page-content .solutions-show .info-box .table2 .item-box .item,.page-content .solutions-show .info-box .table3 .item-box .item{
        width: 24%;
        margin-right: 1%;
    }
    .page-content .news-box ul li{
        margin-right: 3%;
    }
    .page-content .video-box .item-box .item{
        width: 24%;
        margin-right: 1%;
    }
    .page-content .contact-box .left .company-name,.page-content .contact-box .right .contact-msg p{
        font-size: 36px;
    }
    .page-content .solutions-box .item-box .item{
        width: 24%;
        margin-right: 1%;
    }
    .page-content .solutions-box .item-box .item .text p{
        line-height: 24px;
    }
    .page-content .about-box .history .swiper-box .swiper-wrapper .swiper-slide{
        min-height: 10rem;
    }
}
@media (max-width:1366px){
    .Home-banner .inside-header .inside-nav a{
        font-size: 16px;
    }
}
@media (max-width:1330px){
    .product-link{padding:20px}

    .product-link__desc{margin-bottom:25px}
    .product-link__pic{height:140px}
    .nav-item .nav-link{font-size:14px}
    .nav-item+.nav-item{margin-left:15px}
    .language-title{font-size:14px}
    .logo-icon img{height:40px}
    .head .navbar{padding:10px 30px}
    .foot-right{display:block;overflow:hidden;clear:both}
    .foot-item{width: auto;float:left;margin-right: 6.3%;}
    .foot-item:last-child{
        margin-right: 0;
    }
    .foot-Copyright{font-size:14px}
    .foot-support a{font-size:14px;margin-left:30px}
    .foot-last{width:240px;margin-bottom:12px}
    .foot-group{width:240px}
    .additional-features .additional-icon{height:40px}
    .additional-features .additional-icon img{width:40px;height:40px}
    .additional-features .additional-icon span{line-height:40px}
    .section-title{font-size:30px}
    .section-desc{font-size:14px}
    .section-more{font-size:12px;top:8px}
    .solut-link__pic{width:110px;height:110px}
    .solut-link__title{font-size:16px}
    .choose-item__index{font-size:18px;width:40px;line-height:40px;border-radius:0 20px 20px 20px}
    .choose-item__desc{font-size:14px}
    .choose-item__num{font-size:28px}
    .choose-item__text{font-size:14px}
    .news-item__time{margin-top:12px}
    .news-item__content{padding:20px}
    .product-link::after{border-left-width:76px;border-bottom-width:56px}
    .additional-features{right:20px}
    .page-content .about-box .history .swiper-box .swiper-wrapper .swiper-slide{
        padding: 0.15rem;
    }
    .page-content .about-box .vision .item .text{
        top: 0;
    }
}

@media (max-width:1280px){
    .index-section1 .product-box .item{
        margin-right: 20px;
    }
    
    
    
    
    
    
    
    .page-content .product-box .sidebar .category .name{
        font-size: 16px;
    }
    .page-content .product-box .sidebar .category .name .cat-name{
        padding: 0 10px;
    }
    .page-content .sidebar .sidebar-from{
        padding: 10px;
    }
    .page-content .solutions-show .info-box .table1 .item-box .item,.page-content .solutions-show .info-box .table2 .item-box .item,.page-content .solutions-show .info-box .table3 .item-box .item{
        width: 49%;
        margin-right: 1%;
     
        padding: 15px 10px;
    }
    .page-content .solutions-show .info-box .table2 .item-box .item{
        padding: 0;
    }
    .page-content .solutions-show .info-box .table3 .item-box .item .img-box{
        text-align: center;
    }
    .page-content .contact-box .left .company-name, .page-content .contact-box .right .contact-msg p{
        font-size: 30px;
    }
    .page-content .about-box .history .swiper-box .swiper-wrapper .swiper-slide .text{
        font-size: 16px;
        line-height: 24px;
    }
    .page-content .about-box .history .swiper-box .swiper-wrapper .swiper-slide{
        min-height: 9rem;
    }
    .page-content .about-box .vision .item .text p{
        font-size: 30px;
        margin-bottom: 20px;
    }
    .foot-item{
        margin-right: 4.5%;
    }
    .nav-item .dropdown-menu .submen-list li .s-menu{
        width: 100%;
    }
}
@media (max-width:1200px){
    .logo-text{display:none}
    .page-content .pro-show .messagebox .from textarea{
        height: 200px;
    }
    .page-content .pro-show .messagebox .head-title{
        font-size: 36px;
    }
    .page-content .pro-show .messagebox p{
        font-size: 16px;
    }
    .page-content .about-box .vision .item .text span{
        font-size: 18px;
        line-height: 32px;
    }
    .foot-item{
        margin-right: 3.5%;
    }
}
@media (max-width:1080px){

    .page-content .about-box .honours .swiper-wrapper .swiper-slide p{
        margin-top: .3rem;
    }
    .foot-item{
        margin-right: 2%;
    }
}
@media (max-width:1024px){
    .foot-info p{font-size:12px;line-height:18px;display:inline-block;margin-right:20px}
    .foot-main{padding:40px 0}
    .solut-link__pic{width:90px;height:90px}
    .foot-item__hd{font-size:16px;margin-bottom:20px}
    .foot-item__bd li a{font-size:14px}
    .foot-Copyright{font-size:12px;line-height:24px}
    .foot-support a{font-size:12px;line-height:24px;margin-left:15px}
    .foot-group a img{width:24px;height:24px}
    .foot-letter{font-size:12px}
}
@media (min-width:992px){
    .index-modal{max-width:860px}
}
@media (max-width:991px){
    .c-switch{display:block;margin-bottom:-4px}
    .head .navbar{height:54px}
    #showopen .c-switch{display:none}
    .logo-icon{margin-top:0}
    .logo-icon img{height:36px}
    .Home-banner img{
        height: 7rem;
        object-fit: cover;
    }
    .Home-banner .inside-header .inside-nav a{
        display: inline-block;
    }
    .Home-banner .inside-header{
        bottom: 10px;
    }
    .Home-banner .inside-header .inside-nav{
        line-height: 24px;
    }
    .page-content .pro-show .head{
        flex-direction: column-reverse;
    }
    .page-content .pro-show .head .img-box{
        margin-bottom: 30px;
    }
    .page-content .pro-show .head .img-box img{
        max-width: 100%;
    }
    .page-content .pro-show .head .text{
        width: 100%;
    }
    .page-content .pro-show .related-pro .head{
        flex-direction: row;
    }
    .page-content .pro-show .messagebox .from .input input{
        height: 50px;
        font-size: 16px;
    }
    .page-content .pro-show .messagebox .from .submit input{
        font-size: 16px;
        padding: 10px;
        width: 150px;
    }
    .page-content .pro-show .content .head-table{
        display: flex;
        justify-content: space-between;
        overflow-y: scroll;
        position: initial;
    }
    .page-content .pro-show .content .head-table span{
        flex: 0 0 auto;
        font-size: 16px;
        border-radius: 0;
        line-height: 50px;
    }
    .page-content .pro-show .content .container{
        width: 100%;
        max-width: 100%;
    }
    .page-content .pro-show .content .product-content-box{
        max-width: 94%;
        width: 94%;
        margin: auto;
    }
    .page-content .pro-show .content .head-table .related-btn a{
        line-height: 50px;
        border-radius: 0;
        padding: 0;
    }
    .page-content .pro-show .related-pro .head p,.page-content .solutions-show .related-pro .head p{
        font-size: 20px;
    }
    .page-content .pro-show .related-pro .head .more-btn,.page-content .solutions-show .related-pro .head .more-btn{
        height: 40px;
        line-height: 40px;
    }
    .page-content .pro-show .messagebox .container{
        width: 100%;
    }
    .page-content .pro-show .messagebox .head-title{
        font-size: 24px;
    }
    .page-content .pro-show .messagebox .from .input div{
        width: 100%;
        margin-right: 0;
    }
    .page-content .product-box,.page-content .solutions-show{
        flex-direction: column;
    }
    .page-content .sidebar{
        margin-bottom: 20px;
    }
    .page-content .sidebar{
        width: 100%;
    }
    .fixed{
        position: unset;
    }
    .page-content .sidebar{
        padding-right: 0;
    }
    .page-content .product-box .pro-info,.page-content .solutions-show .info-box{
        width: 100%;
    }
    .page-content .product-box .sidebar .category .sub-menu a{
        display: block;
    }
    .page-content .product-box .sidebar .category{
        margin-bottom: 20px;
    }
    .page-content .sidebar .sidebar-from{
        display: none;
    }
    .page-content .sidebar-m,.page-content .sidebar-m .sidebar-from{
        display: block;
    }
    .page-content .solutions-show .sidebar .category ul{
        padding: 0;
    }
    .page-content .solutions-show .sidebar .category li .name{
        padding: 15px 0;
    }
    .page-content .contentbox .head h1{
        font-size: 26px;
    }
    .page-content .video-box .item-box .item{
        width: 32%;
    }
    .page-content .faq-box .item .wen div{
        padding: 0;
    }
    .page-content .faq-box .item .wen .title{
        padding-top: 9px;
    }
    .page-content .faq-box .item{
        font-size: 18px;
    }
    .page-content .download-box .search-input{
        width: 100%;
    }
    .page-content .download-box .search-input .input1{
        width: 85%;
        line-height: 54px;
    }
    .page-content .download-box .search-input .btns{
        width: 15%;
        height: 57px;
        top: -1px;
    }
    .page-content .download-box .search-input .btns p{
        font-size: 16px;
        margin-left: 10px;
    }
    .page-content .download-box .list-box .left{
        display: none;
    }
    .page-content .download-box .list-box .right{
        width: 100%;
    }
    .msgmodal .form-box{
        width: 95%;
        height: auto;
    }
    .msgmodal .form-box .form-input{
        padding: 15px;
    }
    .msgmodal .form-box .form-input > .title{
        font-size: 20px;
        margin-top: 25px;
        margin-bottom: 15px;
    }
    .msgmodal .form-box .form-input .input div{
        width: 100%;
        margin-right: 0;
        height: 45px;
        line-height: 45px;
        font-size: 16px;
        border-radius: 10px;
    }
    .msgmodal .form-box .form-input .content{
        height: 140px;
        padding: 15px;
        font-size: 16px;
        border-radius: 10px;
    }
    .msgmodal .form-box .form-input .submit input{
        width: 150px;
        font-size: 16px;
        height: 45px;
        border-radius: 0 20px 20px;
    }
    .page-content .contact-box{
        flex-direction: column;
    }
    .page-content .contact-box .left{
        width: 100%;
        padding-right: 0;
        margin-bottom: 30px;
    }
    .page-content .contact-box .right{
        width: 100%;
    }
    .page-content .about-box .vision .item .text{
        padding: 20px;
    }
    .page-content .about-box .honours{
        background-image: linear-gradient(180deg,#ffffff,#E3F2FE);
                
        height: auto;
    }
    .page-content .about-box .history .head .title p{
        font-size: 36px;
    }
    .page-content .search-box li a{

display: inline-block;

}
    .page-content .search-box li .img-box{

width: 100%;

text-align: center;

margin-bottom: 10px;

}
    .page-content .search-box li .text{
        
width: 100%;
    }
    .page-content .search-box li .time{

width: 100%;

text-align: left;

font-size: 18px;

margin-top: 10px;

}
    .page-content .search-box li .text h2{

font-size: 20px;

}
    .page-content .search-box li .text .txt{
        
font-size: 14px;
        
display: -webkit-box;
        
overflow: hidden;
        
-webkit-box-orient: vertical;
        
-webkit-line-clamp: 2;
        
text-overflow: ellipsis;
    }
.nav-item.dropdown .arrow{
    top: 22px;
}
    .page-content .pro-show .content .product-content-box table{
        
    }
.page-content .pro-show .content .product-content-box table tbody tr td{
    padding: 1px;
    font-size: 14px;
}
    .page-content .pro-show .content .product-content-box p{
         font-size: 14px;
    }
}
@media (max-width:768px){
.foot-item{width:100%;}
.solut-link__title{font-size:14px}
.solut-link{margin-bottom:20px}
.foot-bottom .container{display:block}
.foot-Copyright{text-align:center}
.foot-support a{margin:0 5px}
.foot-support{text-align:center}
.foot-bottom{padding:10px 0}
.foot-item__bd li{display:inline-block;margin-right:10px;line-height:16px;margin-bottom:8px}
.foot-item__hd{margin-bottom: 5px;font-size: 14px;}
.foot-main{padding: 20px 0 20px;}
.section-title{font-size:20px}
.section-more{padding:0 12px;line-height:2.5}
.section{padding:30px 0}
.section-head{margin-bottom:30px}
.section-desc{font-size:12px}
.indexSwiper .swiper-pagination-bullet{width:8px;margin:0 4px;height:8px}
.newsSwiper .swiper-pagination-bullet{width:8px;margin:0 4px;height:8px}
.index-section7{background-image:unset}
.head .navbar{padding:10px 15px}
.language-title{font-size:12px}
#showopen .search_con2{width:100%;position:fixed;top:0;height:54px;z-index:1001;background-color:#fff}
#showopen .moblie-search-close{display:none}
#showopen .search-input{width:100%}
#showopen .search-input .form-control{border:0;height:54px;border-radius:0;line-height:54px}
#showopen .search-btn{height:54px;width:80px;background-color:#467fbe;color:#fff}
#c-header.c-style2 .nav-item .nav-link{color:#fff}
.icosearch{width:28px;height:28px;margin-left:6px}
.icosearch .iconfont{font-size:14px}
.c-switch{margin-left:10px}
.language-cell img{margin-right:6px}
.c-switch{width:22px}
.c-switch{height:22px}
.logo-icon{margin-top:-2px;margin-right:0}
.choose-item{width:50%;position:relative;z-index:2}
.choose-item__desc{width:95%;line-height:20px;font-size:12px}
.choose-item:nth-child(2) .choose-item__desc{margin-left:5%}
.choose-item:nth-child(2) .choose-item__index{margin-left:5%}
.choose-center{top:60%}
.index-section4 .section-head{margin-bottom:30px}
.choose-item__text{font-size:12px}
.choose-item__num{font-size:20px}
.choose-data__item{padding:20px 0}
.news-item__desc{font-size:12px;line-height:18px}
.news-item__time{font-size:12px;line-height:18px}
.news-item__content{padding:15px}
.news-item__title{font-size:14pxs}
.roll-wrap{margin-bottom:10px;height:25px}
.roll-wrap img{height:25px}
.roll_row .roll__list li{height:25px;min-width:auto}
.index-section6 .section-head{margin-bottom:30px}
.partner-group{margin:0}

.index-section1 .section-head{margin-bottom:30px}
.index-section1 .product-box{
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
}
    .index-section1 .product-box .item{
    margin-right: 0;
    width: 48%;
}
    .index-section1 .product-box .item:nth-child(3n){
    margin-right: 0;
}
    .index-section1 .product-box .item:nth-child(even){
    margin-right: 0;
}
    .index-section1 .product-box .item:nth-last-child(-n+2){
        margin-bottom: 0;
    }
    .index-section1 .product-box .item .text_box{
    padding: 15px 0;
}
    .index-section1 .product-box .item .text_box p{
    font-size: 16px;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 36px;
    margin-bottom: 15px;
}
    .index-section1 .product-box .item .text_box a{
    padding: 5px 10px;
    font-size: 14px;
}
.choose-center{display:none}
    .page-content .pro-show .head .text h1{
        font-size: 24px;
    }
    .page-content .pro-show .head .text .remark{
        font-size:14px;
        line-height: 24px;
    }
    .page-content .product-box .pro-info .item-box .item ul{
        flex-wrap: wrap;
    }
    .page-content .product-box .pro-info .item-box .item ul li{
        width: 49%;
        margin-bottom: 10px;
    }
    .page-content .product-box .pro-info .item-box .item ul li:nth-child(even){
        margin-right: 0;
        margin-left: 1%;
    }
    .page-content .product-box .pro-info .item-box .item .head-title{
        font-size: 26px;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .page-content .product-box .pro-info .item-box .item .list-box .s-item-box,.page-content .product-box .pro-info .item-box .item .list-box .cat-name,.page-content .product-box .pro-info .item-box .item .list-box .s-item-box .list,.page-content .product-box .pro-info .item-box .item .list-box{
        margin-bottom: 20px;
    }
    .page-content .solutions-show .info-box .description{
        padding: 15px;
    }
    .page-content .solutions-show .info-box .table1 .item-box .item:nth-child(even), 
    .page-content .solutions-show .info-box .table2 .item-box .item:nth-child(even), 
    .page-content .solutions-show .info-box .table3 .item-box .item:nth-child(even){
         margin-left: 1%;
        margin-right: 0;
    }
    .page-content .solutions-show .info-box .table3 .item-box .item{
    margin-bottom: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 0;
    }
    .page-content .solutions-show .info-box .table2 .item-box .item .head .title,.page-content .solutions-show .info-box .table2 .item-box .item .txt p,.page-content .solutions-show .info-box .table2 .item-box .item .head .remark,.page-content .solutions-show .info-box .table1 .item-box .item .head .title{
        min-height: 45px;
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
    }
    .page-content .solutions-show .info-box .table2 .item-box .item .head .remark{
        min-height: 120px;
    }
    .page-content .solutions-show .info-box .table1 .item-box .item .head{
        margin-bottom: 5px;
    }
    .page-content .solutions-show .info-box .table1 .item-box .item .txt{
        font-size: 14px;
        line-height: 24px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        min-height: 145px;
    }
    .page-content .solutions-show .info-box .table1 .item-box .item .head img{
    max-height: 45px;
    }
    .page-content .solutions-show .info-box .table3 .item-box .item .txt{
        border: 1px solid #eeeeee;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        font-size: 14px;
        padding: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        min-height: 65px;
    }
    .page-content .solutions-show .info-box .table2 .item-box .item .txt{
        padding: 15px 10px;
        font-size: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        min-height: 150px;
    }
    .page-content .solutions-show .info-box .table2 .item-box .item .head{
        padding-bottom: 10px;
    }
    .page-content .solutions-show .info-box .table1 > .title, .page-content .solutions-show .info-box .table3 > .title{
        padding: 15px 0;
    margin-bottom: 20px;
    }
    .page-content .news-box ul li{
        width: 48%;
        margin-right: 2%;
        margin-bottom: 15px;
    }
    .page-content .news-box ul li a{
    }
    .page-content .news-box li .time{
        display: none;
    }
    .page-content .news-box li .text .time{
        display: block;
        font-size: 14px;
    }
    .page-content .news-box ul li:last-child{
        margin-bottom: 0;
    }
    .page-content .news-box li .text h2{
        line-height: 20px;
        font-size: 14px;
        font-family: 'segoeui blod';
        margin-bottom: 5px;
        -webkit-line-clamp: 3;
    }
    .page-content .news-box li .text .txt{
        display: none;
    }
    .page-content .news-box ul li:nth-child(even){
        margin-right: 0;
    }
    .page-content .category-box .item-box{
        justify-content: space-between;
    overflow-y: scroll;
    position: initial;
    }
    .page-content .category-box .item-box .item{
        margin-right: 30px;
        flex: 0 0 auto;
    }
    .page-content .category-box .item-box .item a{
        font-size: 16px;
    }
    .page-content .faq-box .item .da{
        padding-left: 40px;
    }
    .page-content .download-box .search-input .btns p{
        display: none;
    }
    .page-content .download-box .search-input .btns{
        top: -2px;
    }
    .page-content .download-box .list-box .right .text h2 a{
        font-size: 18px;
    }
    .page-content .download-box .list-box .right .download-btn span{
        font-size: 14px;
    }
    .page-content .pro-show .head .text .download-btn{
        padding-bottom: 0;
    }
    .page-content .certifcate-box .row .item .imgbox{
        text-align: center;
    }
    .page-content .contact-box .left .company-name{
        margin-bottom: 20px;
    }
    .page-content .contact-box .right .contact-msg .input div{
        width: 100%;
        margin-right: 0;
        height: 45px;
        line-height: 45px;
        font-size: 16px;
        border-radius: 10px;
    }
    .page-content .contact-box .right .contact-msg .content{
        height: 200px;
        width: 100%;
        border-radius: 10px;
        font-size: 16px;
    }
    .page-content .solutions-box .item-box .item{
        width: 49%;
    }
    .page-content .solutions-box .item-box .item:nth-child(even){
        margin-right:0;
        margin-left:1%;
    }
    .page-content .solutions-box .item-box .item .img-box .icon{
        height: 50px;
    }
    .page-content .solutions-box .item-box .item .text{
        padding: 10px;
        font-size: 16px;
    }
    .page-content .about-box .honours .btn-prev,.page-content .about-box .honours .btn-next{
        display: none;
    }
    .page-content .about-box .honours .swiper-wrapper .swiper-slide.swiper-slide-active,.page-content .about-box .honours .swiper-wrapper .swiper-slide.swiper-slide-prev, .page-content .about-box .honours .swiper-wrapper .swiper-slide.swiper-slide-next, .page-content .about-box .honours .swiper-wrapper .swiper-slide.swiper-slide-next+ .swiper-slide + .swiper-slide{
        transform: unset;
    }
    .page-content .about-box .honours .swiper-wrapper .swiper-slide p{
        margin-top: 30px;
    }
    .page-content .about-box .head-title{
        margin-bottom: 30px;
    }
    .page-content .about-box .vision .item{
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
        margin-right: 0;
    }
    .page-content .about-box .vision .item:nth-child(even){
        margin-left: 0;
    }
    .page-content .about-box .history .head .history-navigation{
        display: none;
    }
    .page-content .about-box .history .head .title p,.page-content .about-box .head-title{
        font-size: 24px;
    }
    .page-content .about-box .profile .content,.page-content .about-box .vision .item .text span{
        font-size: 14px;
        line-height: 24px;
    }
    .page-content .about-box .history{
        background-image: linear-gradient(180deg,#ffffff,#E3F2FE);
        padding-bottom: 30px;
    }
    .page-content .about-box .history .history-bg{
        display: none;
    }
    .page-content .about-box .history .swiper-box .swiper-wrapper .swiper-slide{
        min-height: auto;
        padding: 0;
        border: 0;
    }
    .page-content .about-box .history .swiper-box .swiper-wrapper .swiper-slide:before{
        display: none;
    }
    .page-content .about-box .history .swiper-box .swiper-container{
        padding-bottom: 30px;
    }
    .page-content .about-box .history .swiper-box .swiper-container .swiper-pagination{
        bottom:0
    }
    .page-content .about-box .history .container{
        max-width: 94%;
    }
    .page-content .about-box .history .swiper-box .swiper-container{
        width: 90%;
    }
    .page-content .news-box li .img-box{
        width: 30%;
        border-radius: 0;
    }
    .page-content .news-box li .text{
        margin-bottom: 0;
        width: 70%;
    }
    .page-content .news-box li .text{
    padding-left: 5%;
    }
    .page-content .solutions-show .related-pro .related-item .swiper-slide .text{
        padding: 10px;
    }
    .page-content .solutions-show .related-pro .related-item .swiper-container{
        padding-bottom: 40px;
    }
    .page-content .solutions-show .related-pro .related-item .swiper-container .swiper-pagination{
        bottom: 0;
    }
    .foot-group{
        width: 140px;
    }
    .inside-pagination ul{
        width: 90%;
    }
    .page-content .pro-show .content .head-table{
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .page-content .pro-show .content .head-table span{
        width: 33.33333%;
        padding: 0;
        text-align: center;
        border-right: 1px solid #ffffff;
        border-bottom: 1px solid #ffffff;
    }
    .page-content .pro-show .content .head-table .related-btn{
        width:50%;
    }
        .page-content .solutions-box .head-box p span{
        font-size: 14px !important;
    }
    .page-content .solutions-box .head-box p span strong span{
        font-size: 22px !important;
    }
    
}
@media (max-width:576px){
    .index-modal{width:320px}
    #c-header{height:54px}
    .head .navbar{background-color:#fff}
    #c-header .icosearch{background-color:#467fbe;color:#fff}
    #c-header .logo-icon img{display:none}
    #c-header .logo-icon .on{display:block}
    #c-header .c-switch i{background-color:#000}
    #c-header .language-title{color:#222}
    #c-header .language-arrow{border-top-color:#222}
    .roll-wrap:nth-child(2) .roll__list{width:700px!important}
}
@media (max-width:450px){
    .page-content .news-box ul li{
        width: 100%;
        margin-right: 0;
    }
    .page-content .contentbox .head h1{
        font-size: 22px;
        line-height: 26px;
    }
    .page-content .contentbox .content p{
        font-size: 16px;
    }
    .page-content .video-box .item-box .item{
        width: 49%;
    }
    .page-content .download-box .list-box .right .download-btn span{
        display: none;
    }
    .page-content .download-box .list-box .right .download-btn{
        width: 40px;
        height: 40px;
        border-radius: 0;
        border: 0;
    }
    .page-content .download-box .list-box .right .text h2{
        -webkit-line-clamp:unset
    }
    .page-content .download-box .list-box .right .text{
        padding-right: 0;
    }
    .page-content .pro-show .head .text .download-btn{
        padding-bottom: 0;
    }
    .page-content .certifcate-box .row .item{
        margin-bottom: 0;
        width: 50%;
    }
    .page-content .recruit-box .item{
        padding: 15px;
    }
    .page-content .recruit-box .item .text .title{
        font-size: 20px;
    }
    .page-content .recruit-box .item .text .title p{
        font-size: 16px;
    }
    .page-content .contact-box .right{
        padding: 20px;
    }
    .page-content .contact-box .right .contact-msg p{
        font-size: 24px;
    }
    .page-content .contact-box .right .contact-msg span{
        font-size: 16px;
    }
    .page-content .contact-box .right .contact-msg .submit input{
        font-size: 16px;
        padding: 10px;
        width: 150px;
        height: 45px;
    }
    .page-content .solutions-box .item-box .item .img-box{
        text-align: center;
    }
    .page-content .solutions-box .item-box .item .img-box img:first-child,.page-content .solutions-show .info-box .table3 .item-box .item .img-box img{
        width: 100%;
        object-fit: cover;
    }
    .page-content .solutions-box .item-box .item .text p{
        min-height: auto;
    }

    .page-content .contentbox{
        border: 0;
        padding: 0;
    }
}